<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=750,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<title>订单详情</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/barnKeep.css"/>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body style="background: #f3f3f3;">
		<div class="wrapper">
			<div class="content">
				<div class="seat-wrap">
					<div class="region" style="margin-top: 0;">
						<p>A区</p>
						<div class="partition">
							<div class="lists saved">
								<p class="par-num">01</p>
								<p class="par-sta">已存位</p>
							</div>
							<div class="lists">
								<p class="par-num">02</p>
								<p class="par-sta">空位</p>
							</div>
							<div class="lists">
								<p class="par-num">03</p>
								<p class="par-sta">空位</p>
							</div>
							<div class="lists">
								<p class="par-num">04</p>
								<p class="par-sta">已付管理费</p>
							</div>
							<div class="lists">
								<p class="par-num">05</p>
								<p class="par-sta">空位</p>
							</div>
							<div class="lists">
								<p class="par-num">06</p>
								<p class="par-sta">预定</p>
							</div>
							<div class="lists">
								<p class="par-num">07</p>
								<p class="par-sta">已办理迁出</p>
							</div>
							<div class="lists">
								<p class="par-num">08</p>
								<p class="par-sta">已办理迁出</p>
							</div>
							<div class="lists">
								<p class="par-num">09</p>
								<p class="par-sta">已办理迁出</p>
							</div>
							<div class="lists saved">
								<p class="par-num">10</p>
								<p class="par-sta">已存位</p>
							</div>
							<div class="lists">
								<p class="par-num">11</p>
								<p class="par-sta">空位</p>
							</div>
							<div class="lists">
								<p class="par-num">12</p>
								<p class="par-sta">空位</p>
							</div>
							<div class="lists">
								<p class="par-num">13</p>
								<p class="par-sta">已付管理费</p>
							</div>
							<div class="lists">
								<p class="par-num">14</p>
								<p class="par-sta">空位</p>
							</div>
							<div class="lists">
								<p class="par-num">15</p>
								<p class="par-sta">预定</p>
							</div>
							<div class="lists rent">
								<p class="par-num">16</p>
								<p class="par-sta">租位</p>
							</div>
							<div class="lists">
								<p class="par-num">17</p>
								<p class="par-sta">已办理迁出</p>
							</div>
							<div class="lists saved">
								<p class="par-num">18</p>
								<p class="par-sta">已存位</p>
							</div>
						</div>
					</div>
					<div class="mark">
						<i></i>
						<p>您的仓位</p>
					</div>
				</div>
				
				<div class="order-wrap">
					<div class="head">
						<div class="order-num">订单号：4260003966677220</div>
						<div class="date">2017-06-23</div>
					</div>
					<div class="order-cont">
						<div class="icon"><img src="https://img.thgo8.com/assets/images/07/05/639ba7ef703ce9f3a9c563563e1aa3fb820b3391.jpg" alt="" /></div>
						<div class="middle-c">
							<div class="goods-name">万科</div>
							<div class="goods-model">C13</div>
							<div class="goods-format">中仓 4.5m³ 高1.9m</div>
						</div>
						<div class="order-status">已支付</div>
					</div>
				</div>
				
				<ul class="order-details">
					<li>
						<label for="">起租日期</label>
						<p>￥1100</p>
					</li>
					<li>
						<label for="">到租日期</label>
						<p>2017-06-08</p>
					</li>
					<li>
						<label for="">租仓费用</label>
						<p>￥450</p>
					</li>
					<li>
						<label for="">押金</label>
						<p>￥450</p>
					</li>
					<li>
						<label for="">优惠</label>
						<p>-￥80</p>
					</li>
					<li>
						<label for="">总费用</label>
						<p>￥820</p>
					</li>
				</ul>
			</div>
		</div>
	</body>
</html>
